// import { template } from "handlebars";

$(function () {

    /**
     * 1 如果点击的是编辑按钮 那么我们就应该从浏览器里面的缓存里面取对应的数据
     * 2 渲染到页面上
     */

    //  var arrAds=JSON.parse(localStorage.getItem('EidtAddress'))
    //  console.log(arrAds);
     // 1 拿到 搜索页面传递过来的关键字的值
    var url = window.location.href;
    // console.log(url);
    var index = url.indexOf('?');
    // console.log(index);
    var len = url.substring(index + 1);
    // console.log(len);
    var arr = len.split('=');
    // console.log(arr);
    // console.log(arr[1]);
    console.log(arr[1]);
    var flag=arr[1];

    if(flag==1) { // flag==1就是编辑
        var arrAds=JSON.parse(localStorage.getItem('EidtAddress'))
        console.log(arrAds);
        var htmls=template('editTmp',arrAds);
        var ids=arrAds.id;
        console.log(htmls);

        $('.mysumAddress').html(htmls)
        
    }else {
        // 添加过来的数据
        var htmls=template('editTmp',{});
    } 
    




    /**
     * 1 给省市区绑定一个点击事件
     * 2 获取省市区的数据
     * 
     */
    $('#userCity').on('tap', function () {
        // alert(1);
        var picker = new mui.PopPicker({
            layer: 3
        });
        picker.setData(cityData3);
        // picker.pickers[0].setSelectedIndex(1);
        // picker.pickers[1].setSelectedIndex(1);
        picker.show(function (SelectedItem) {
            console.log(SelectedItem);
            var sheng = SelectedItem[0].text;
            var city = SelectedItem[1].text;
            var area = SelectedItem[2].text;
            var htmls = sheng + '-' + city + '-' + area;
            $('#userCity').val(htmls);
        })

    })




    /**
     * 1 给确定按钮绑定点击事件
     * 2 判断 每个内容不能为空
     * 3 发送ajax 请求
     * 4 如果成功了之后 跳转到address.html
     *   如果失败了 给个提示
     */


    // 1 绑定点击事件
    $('#sumAds-btn').on('tap', function () {
        //  alert(1);
        //  userName
        //  userCode
        //  userCity
        //  userDetail
        var userName = $('#userName').val();
        var userCode = $('#userCode').val();
        var userCity = $('#userCity').val();
        var userDetail = $('#userDetail').val();

        // 2 判断 每个内容不能为空
        if (!userName) {
            mui.toast('收货人姓名不能为空');
            return;
        }
        if (!userCode) {
            mui.toast('邮编不能为空')
            return;
        }
        if (!userCity) {
            mui.toast('省市区不能为空')
            return;
        }
        if (!userDetail) {
            mui.toast('详细地址不能为空')
            return;
        }


        var datas={
            recipients: userName,
            postcode: userCode,
            address: userCity,
            addressDetail: userDetail
        };
        if(flag==1) {
            var url='/address/updateAddress';
            datas.id=ids;
        }else {
            var url='/address/addAddress';
        }

        // 3 发送ajax请求
        $.ajax({
            url: url,
            type: 'post',
            data: datas,
            success: function (res) {
                console.log(res);
                if (res.success) {
                    if(flag==1) {
                        mui.toast('修改成功')
                    }else {
                        mui.toast('添加收货地址成功');
                    }
                    setTimeout(function () {
                        window.location.href = 'address.html';
                    }, 2000)
                }
            }
        })
    })
})